<template name="skeleton">
  <view class="sk-container">
    <scroll-view scroll-y="true" class="viewport viewport data-v-a712a8f5 data-v-a712a8f5" enable-back-to-top="true">
      <view class="flex flex data-v-a712a8f5 data-v-a712a8f5">
        <view class="select data-v-a712a8f5 sk-transparent"> 地区
          <text class="icon icon-xiangxiajiantou data-v-a712a8f5 sk-pseudo sk-pseudo-circle"></text>
        </view>
        <view class="select data-v-a712a8f5 sk-transparent"> 住宿日期
          <text class="icon icon-xiangxiajiantou data-v-a712a8f5 sk-pseudo sk-pseudo-circle"></text>
        </view>
        <view class="select data-v-a712a8f5 sk-transparent"> 品牌
          <text class="icon icon-xiangxiajiantou data-v-a712a8f5 sk-pseudo sk-pseudo-circle"></text>
        </view>
        <view class="select data-v-a712a8f5 sk-transparent"> 排序
          <text class="icon icon-xiangxiajiantou data-v-a712a8f5 sk-pseudo sk-pseudo-circle"></text>
        </view>
      </view>
      <view class="card card hotel-info hotel-info data-v-a712a8f5 data-v-a712a8f5">
        <image class="hotel-img data-v-a712a8f5 sk-image" mode="aspectFill"></image>
        <view class="right right data-v-a712a8f5 data-v-a712a8f5">
          <view class="name data-v-a712a8f5 sk-transparent sk-text-16-6667-201 sk-text">上海新锦江大酒店</view>
          <view class="sm data-v-a712a8f5 sk-transparent sk-text-20-8333-899 sk-text">Jin Jiang Tower</view>
          <view class="xs data-v-a712a8f5 sk-transparent">
            <text class="date data-v-a712a8f5 sk-transparent sk-text-25-0000-196 sk-text">住：2025-10-02</text> |
            <text class="date data-v-a712a8f5 sk-transparent sk-text-25-0000-262 sk-text">离：2025-10-04</text> | 2晚 </view>
          <view class="link data-v-a712a8f5 sk-transparent">
            <text class="price data-v-a712a8f5 sk-transparent sk-text-16-6667-910 sk-text">￥894.52</text>/
            <text class="xs data-v-a712a8f5 sk-transparent sk-opacity">晚</text>
          </view>
        </view>
      </view>
      <view class="card card hotel-info hotel-info data-v-a712a8f5 data-v-a712a8f5">
        <image class="hotel-img data-v-a712a8f5 sk-image" mode="aspectFill"></image>
        <view class="right right data-v-a712a8f5 data-v-a712a8f5">
          <view class="name data-v-a712a8f5 sk-transparent sk-text-16-6667-102 sk-text">上海金沙智选假日酒店</view>
          <view class="sm data-v-a712a8f5 sk-transparent sk-text-20-8333-799 sk-text">Holiday Inn Express Shanghai Jinsha</view>
          <view class="xs data-v-a712a8f5 sk-transparent">
            <text class="date data-v-a712a8f5 sk-transparent sk-text-25-0000-138 sk-text">住：2025-10-02</text> |
            <text class="date data-v-a712a8f5 sk-transparent sk-text-25-0000-875 sk-text">离：2025-10-04</text> | 2晚 </view>
          <view class="link data-v-a712a8f5 sk-transparent">
            <text class="price data-v-a712a8f5 sk-transparent sk-text-16-6667-280 sk-text">￥894.52</text>/
            <text class="xs data-v-a712a8f5 sk-transparent sk-opacity">晚</text>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
</script>

<style scoped>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-16-6667-201 {
	    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-20-8333-899 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-196 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-262 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-16-6667-910 {
	    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-16-6667-102 {
	    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-20-8333-799 {
	    background-image: linear-gradient(transparent 20.8333%, #EEEEEE 0%, #EEEEEE 79.1667%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-138 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-25-0000-875 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-text-16-6667-280 {
	    background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
	    background-size: 100% 48.0000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>